<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*id选择器*/
			#div111{
				/*属性:属性值;*/
				/*让文字变红色*/
				color:red;
				/*让背景变绿色*/
				background:green;
			}
			/*类选择器*/
			/*.==>找到class是 class111的标签*/
			.class111{
				color:blue;
			}
			#div222{
				color:orange;
			}
			.class222{
				background: chartreuse;
			}
			
			
			/*标签选择器：通过标签名去查找元素*/
			div{
				/*让所有的div标签的边框变为 土黄色*/
				border:10px solid coral;
			}
			
			/*交叉选择器*/
			
		</style>
	</head>
	<body>
		<!--id具有唯一性：即页面中只能定义一个id是 div111-->
		<div id="div111" >我是id是div111的标签</div>
		<!--<span id="div111">我是第二个id是div111</span>-->
		
		<div class="class111">我是class111标签</div>
		
		
		<div id="div222" class="class222">我既有id又有class</div>
	</body>
</html>
